<template lang="">
  <el-color-picker v-model="comValue" show-alpha :predefine="predefineColors" />
</template>
<script>
export default {
  props: {
    modelValue: {
      type: String,
      required: true,
    },
  },
  computed: {
    comValue: {
      get() {
        return this.modelValue;
      },
      set(val) {
        this.$emit("update:modelValue", val);
      },
    },
  },
  data() {
    return {
      predefineColors: [
        "#F7B6C2",
        "#E384A3",
        "#F6D2C7",
        "#EBEFF2",
        "#D6604C",
        "#C60073",
        "#8D6E63",
        "#7B5D49",
        "#624E52",
        "#4A5F49",
        "#435049",
        "#2F4F42",
      ],
    };
  },
};
</script>
<style lang=""></style>
